<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数据大屏</title>
    <link rel="stylesheet" href="../elementui-2.15.6/element-icons.ttf">
    <link rel="stylesheet" href="../elementui-2.15.6/element-icons.woff">
    <link rel="stylesheet" href="../elementui-2.15.6/icon.css">
    <link rel="stylesheet" href="../elementui-2.15.6/elmentui.css">
    <link rel="stylesheet" href="../common.css">
    <link rel="stylesheet" href="./scss/index.css">
    <script src='../vue-2.6.12.js'></script>
    <script src='../elementui-2.15.6/elementui.js'></script>
</head>

<body>
    <div class="zl-data-big-screen" id="zl-data-big-screen-box">
        <div class="zl-data-big-screen-top">
            <div class="zl-data-big-screen-top-left common-chart-box">
                <div class="common-chart-title">
                    最新订单消息
                </div>
            </div>
            <div class="zl-data-big-screen-top-center ">
                <div class="zl-data-big-screen-top-center-total common-chart-box"></div>
                <div class="zl-data-big-screen-top-center-map common-chart-box"></div>
            </div>
            <div class="zl-data-big-screen-top-right ">
                <div class="zl-data-big-screen-top-right-industry common-chart-box">
                    <div class="common-chart-title">
                        行业销售占比
                    </div>
                </div>
                <div class="zl-data-big-screen-top-right-goods common-chart-box">
                    <div class="common-chart-title">
                        各产品线销售占比
                    </div>
                </div>
                <!--  -->
            </div>
        </div>
        <div class="zl-data-big-screen-bottom">
            <div class="zl-data-big-screen-bottom-left common-chart-box">
                <div class="common-chart-title">
                    年度销售对比
                </div>
            </div>
            <div class="zl-data-big-screen-bottom-right common-chart-box">
            </div>
        </div>
    </div>

    <script>
        new Vue({
            el: '#zl-data-big-screen-box',
            data() {
                return {
                    
                }
            },
            methods: {
                
            }
        })
    </script>
</body>

</html>